<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport"
    content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
  <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
  <title>设备管理-frame</title>
  <link rel="stylesheet" type="text/css" href="../css/api.css" />
  <link rel="stylesheet" type="text/css" href="../css/style.css" />
  <link rel="stylesheet" type="text/css" href="../css/aui.2.0.css" />
  <style>
    [v-cloak] {
      display: none;
    }

    html {
      background-color: #f5f5f5;
    }

    .text-header {
      width: 95%;
      font-size: 30px;
      font-weight: bold;
      margin: 0 auto;
      padding: 1.6rem 1.2rem;
    }

    .text-body {
      width: 90%;
      margin: 0 auto;
      padding: 1.2rem 1rem;
      box-sizing: border-box;
      display: -webkit-flex;
      display: flex;
      justify-content: space-between;
      align-items: center;
      box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
    }

    .text-body>div:last-child {
      line-height: 2rem;
      border-radius: 0.8rem;
      text-align: center;
      color: #fff;
      padding: 0 0.6rem;
      background-color: pink;
      box-shadow: 0 0 8px rgba(247, 146, 146, 0.6);
    }

    /* 新列表 */
    .module-manage-new {
      /* margin: 4rem auto 8rem; */
      padding: 1rem 0;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      align-self: center;
      width: 98%;
    }

    .module-manage-new li {
      width: 33.33%;
      display: flex;
      align-items: center;
      flex-direction: column;
      font-size: 0.7rem;
      color: #666;
    }

    .module-manage-new li img {
      width: 2.8rem;
      height: 2.8rem;
      margin: 10px auto;
    }
  </style>
</head>

<body>
  <main id="app">
    <!-- <div class="text-header">
            设备管理
        </div>
        <div class="text-body">
            <div>
                <p style="line-height: 1.8rem;color: #000">本年度累计开仓：<span style="font-weight:bold">600</span>次</p>
                <p>当日已排仓：<b>30人</b><span style="padding-left:40px;">未排仓：<b>3人</b></span></p>
                <p>暂停治疗: <b>10人</b><span style="padding-left:50px;">长期失约：<b>30人</b></span></p>
            </div>
            <div>
                详细信息
            </div>
        </div> -->

    <div class="aui-card-list">
      <div class="aui-card-list-header aui-card-list-user aui-border-b">
        护理
      </div>
      <div class="aui-card-list-content-padded">
        <ul class="module-manage-new">

          <li tapmode onclick="enterTreatmentCabin()">
            <img src="../image/xiaodu1.png" alt="">
            高压氧舱消毒记录单
          </li>
          <li tapmode onclick="HO_AirDisinfectionRecording()">
            <img src="../image/kongqi.png" alt="">
            空气消毒记录
          </li>
          <li tapmode onclick="Cabin_Operation_Record()">
            <img src="../image/jiluda.png" alt="">
            操舱记录单
          </li>
        </ul>
      </div>
    </div>
    <div class="aui-card-list">
      <div class="aui-card-list-header aui-card-list-user aui-border-b">
        技师
      </div>
      <div class="aui-card-list-content-padded">
        <ul class="module-manage-new">
          <li tapmode onclick="enterEquipmentRecording()">
            <img src="../image/anquan1.png" alt="">
            安全运行及使用记录
          </li>
          <li tapmode onclick="HO_BasementSelf()">
            <img src="../image/dixiashi.png" alt="">
            地下室自查记录
          </li>
          <li tapmode onclick="HO_AirSelfInspectionRecording()">
            <img src="../image/kaicang1.png" alt="">
            开舱前的常规检查
          </li>
          <li tapmode onclick="HO_DailyUseRecording()">
            <img src="../image/richang.png" alt="">
            特种设备日常使用记录
          </li>
        </ul>
      </div>
    </div>

  </main>
</body>

</html>

<script src="../script/api.js" charset="utf-8"></script>
<script src="../script/vue.js" charset="utf-8"></script>
<script type="text/javascript">
  var vm = null;

  apiready = function () {
    vm = new Vue({
      el: '#app',
      data: {

      },
      methods: {

      }
    })
  }
  // 进入特种设备日常使用记录页面
  function HO_DailyUseRecording() {
    api.openWin({
      name: 'HO_DailyUse-header',
      url: './HO_DailyUse-header.html',
      pageParam: {
        name: 'HO_DailyUse-header',
        userName: api.pageParam["userName"]
      }
    });
  }


  // 进入开舱前的常规检查页面
  function HO_AirSelfInspectionRecording() {
    api.openWin({
      name: 'HO_AirSelfInspection-header',
      url: './HO_AirSelfInspection-header.html',
      pageParam: {
        name: 'HO_AirSelfInspection-header',
        userName: api.pageParam["userName"]
      }
    });
  }

  // 进入地下室自查记录页面
  function HO_BasementSelf() {
    api.openWin({
      name: 'HO_BasementSelf-header',
      url: './HO_BasementSelf-header.html',
      pageParam: {
        name: 'HO_BasementSelf-header',
        userName: api.pageParam["userName"]
      }
    });
  }


  // 进入空气消毒记录页面
  function HO_AirDisinfectionRecording() {
    api.openWin({
      name: 'HO_AirDisinfection-header',
      url: './HO_AirDisinfection-header.html',
      pageParam: {
        name: 'HO_AirDisinfection-header',
        userName: api.pageParam["userName"]
      }
    });
  }

  // 进入设备巡视/系统运行记录页面
  function enterEquipmentRecording() {
    api.openWin({
      name: 'equipment-recording-header',
      url: './equipment-recording-header.html',
      pageParam: {
        name: 'equipment-recording-header',
        userName: api.pageParam["userName"]
      }
    });
  }
  

  function enterDisinfectionRecord() {
    api.openWin({
      name: 'disinfection-record-header',
      url: './disinfection-record-header.html',
      pageParam: {
        name: 'disinfection-record-header',
        userName: api.pageParam["userName"]
      }
    });
  }

  function enterTreatmentCabin() {
    api.openWin({
      name: 'treatment-cabin-header',
      url: './treatment-cabin-header.html',
      pageParam: {
        name: 'treatment-cabin-header',
        userName: api.pageParam["userName"]
      }
    });
  }

  function Cabin_Operation_Record() {
    api.openWin({
      name: 'Cabin_Operation_Record_hender',
      url: './Cabin_Operation_Record_hender.html',
      pageParam: {
        name: 'Cabin_Operation_Record_hender',
        userName: api.pageParam["userName"]
      }
    });
  }
</script>